.login-wrap{
	.inv-login {
		width: 100%;
		height: 78%;
		background:url(../../assets/rectangle.png);
		background-size: 100% 100%;
		position: relative;
		.logo-box {
			height: 380px;
			width: 1080px;
			// background-color: #353d51;
			.left-logo {
				padding-top: 70px;
				width: 52%;
				height: 100%;
				box-sizing:border-box;
				.loginImg {
					height: 30%;
				}
				.include {
					width: 100%;
					height: 240px;
					background-color: rgba(255,255,255,.2);
					p {
						text-align: center;
						color: #fff;
						line-height: 2.5;
						text-shadow: 0 0 4px #999999;
						font-size: 48px;
					}
				}
			}
			.right-user {
				border-radius: 2px;
				// position: absolute;
				// right: 4%;
				// top: -30px;
				margin-left: 100px;
				width: 360px;
				box-sizing: border-box;
				height: 440px;
				background-color: #fff;
				padding: 0 30px;
				.closeBtn {
					position: absolute;
					right: 10px;
					top: 10px;
					font-size: 24px;
					cursor: pointer;
				}
				.title{
					font-size: 24px;
					color: #444444;
					text-align: center;
					height: 94px;
					line-height: 92px;
				}
				.login-input-default{
					margin-bottom: 40px;
					padding: 10px 0 6px; 
					font-size: 0;
					position: relative;
					i{
						position: absolute;
						left: 0;
						top:8px;
						font-size: 20px;
						color: #9da9ca;
					}
					input {
						width: 100%;
						height: 20px;
						line-height: 20px;
						padding-bottom: 5px ;
						text-indent: 25px;
						display: inline-block;
						border:none;
						border-bottom: 2px solid #dddddd;
						font-size: 14px;
						&:focus {
							border-bottom-color: #e66a6a;
							transition: border-bottom-color .2s ease-in-out;
							-moz-transition: border-bottom-color .2s ease-in-out;
							-webkit-transition: border-bottom-color .2s ease-in-out;
							-o-transition: border-bottom-color .2s ease-in-out;
							&~i {
								color: #e66a6a;
								transition: color .45s ease-in-out;
								-moz-transition: color .45s ease-in-out;
								-webkit-transition: color .45s ease-in-out;
								-o-transition: color .45s ease-in-out;
							}
						}
					}
					::-webkit-input-placeholder { /* WebKit browsers */ 
						color: #999; 
					} 
					:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
						color: #999; 
					} 
					::-moz-placeholder { /* Mozilla Firefox 19+ */ 
						color: #999; 
					} 
					:-ms-input-placeholder { /* Internet Explorer 10+ */ 
						color: #999; 
					}
				}
				.phone{
					
				}
				.password{
					
				}
				.btn{
					text-align: center;
					margin: 80px 0 40px;
					button{
						border:none;
						background:none;
						width: 160px;
						height: 40px;
						border-radius: 100px;
						color: #fff;
						font-size: 16px;
						background-image: -webkit-linear-gradient(left, #e66a6a, #ec8e8e);
						background-image: -o-linear-gradient(left, #e66a6a, #ec8e8e);
						background-image: linear-gradient(to right, #e66a6a, #ec8e8e);
					}
				}
				.forget{
					color: #444;
					font-size: 14px;
					text-align: center;
					span{
						margin-left: 10px;
						color: #e66a6a;
						cursor: pointer;
					}
				}
			}
	
			.choice{
				position: relative;
				.title{
					height: 60px;
					line-height: 60px;
				}
				.scroll-box{
					width: 100%;
					overflow: hidden;
					height: 320px;
				}
				.content{
					height: 100%;
					overflow-y: scroll;
					margin-right: -19px;
					box-sizing:border-box;
					.store-item{
						overflow:hidden;
						text-overflow:ellipsis;
						white-space:nowrap;
						box-sizing: border-box;
						height: 40px;
						line-height: 40px;
						width: calc( 100% - 2px );
						cursor: pointer;
						margin-bottom: 20px;
						text-align: center;
						border-radius: 20px;
						border: 1px solid #e66a6a;
						color: #e66a6a;
					}
				}
				.recently{
					p{
						text-align: center;
						height: 50px;
						line-height: 50px;
						font-weight: 600;
						font-size: 18px;
					}
					.recently-item{
						margin-top: 10px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						border: 1px solid #e66a6a;
						color: #e66a6a;
						border-radius: 20px;
						cursor: pointer;
						color: #fff;
						background-image: linear-gradient(to right, #e66a6a, #ec8e8e);
					}
				}
			}
		}
	
	
		.choice-box{
			width: 50%;
			height: 500px;
			max-width: 800px;
			background-color: #fff;
			.title{
				text-align: center;
				font-size: 30px;
				height: 80px;
				line-height: 80px;
			}
			
		}
	}
	.com-info{
		position: absolute;
		width: 100%;
		bottom: 10px;
		text-align: center;
		font-size: 12px;
		color: #333;
	}
}
